<!DOCTYPE html
		PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>Unobtrusive Accessible jQuery PNG Fix</title>

	<script src="../../_jquery/jquery-1.3.2.js"></script>
	<script src="../../imgflip/imgflip.jquery.js" type="text/javascript"></script>
	<script src="../pngfix.jquery.js" type="text/javascript"></script>

	<script src="pngfix.example.js" type="text/javascript"></script>
</head>
<body>
	<h2>Unobtrusive jQuery PNG fix</h2>

	<h3>Simple Image:</h3>
	<p><img src="images/png_off.png" width="200" height="75" /></p>

	<h3>Image With Flip:</h3>
	<p><img src="images/png_off.png" class="imageFlip" width="200" height="75" /></p>

	<h3>Form Submit:</h3>
	<form action="">
		<p><input type="image" src="images/png_off.png" width="200" height="75" /></p>
	</form>

	<h3>Form Submit With Flip:</h3>
	<form action="">
		<p><input type="image" src="images/png_off.png" class="imageFlip" width="200" height="75" /></p>
	</form>
</body>
</html>